﻿@model ECatalog.Models.UserIU.ComplectsViewModel
@{
    Layout = "../Shared/_Layout.User.cshtml";
}
@section head{
    <link href="@Url.Content("~/Content/css/keyboard.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/sweep/css/vis.css")" rel="stylesheet" />
}
<div class="main noprint" data-catalog="true">
    @if (Model != null)
    {
        @Html.HiddenFor(m => m.OrganizationId)
        @Html.HiddenFor(m => m.NumModel)
        <table style="width: 100%" class="main noprint">
            <tr style="height: 100px; margin-top: 20px;">
                <td colspan="2">
                    @{Html.RenderPartial("Offer");}
                </td>
            </tr>
            <tr>
                <td class="top center" style="width: 1000px">
                    @{Html.RenderPartial("Kits");}
                </td>
                <td class="top center" style="width: 900px; padding-left: 20px;">
                    <table style="width: 100%;">
                        <tr>
                            <td>
                                @{ Html.RenderPartial("Models"); }
                            </td>
                        </tr>
                        <tr class="top" style="text-align: left; height: 150px;">
                            <td>
                                <table>
                                    <tr>
                                        <td class="top" style="width: 200px;">
                                            @{ Html.RenderPartial("Structures"); }
                                        </td>
                                        <td style="text-align: left">
                                            @{ Html.RenderPartial("ColorsAndSizes"); }
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr class="top" style="height: 340px;">
                            <td style="text-align: left">
                                <div style="height: 150px; color: #333; font-size: 1.2em;">
                                    <label data-bind="text: description"></label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td style="text-align: left">
                                @{Html.RenderPartial("Buttons");}
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
                                  Html.RenderPartial("LocationModelsModal");
                                  Html.RenderPartial("NotifyModal", Model);
                                  Html.RenderPartial("Printable");
    }
</div>
@section scripts
{
    <script type="text/javascript" src="@Url.Content("~/Scripts/user-ui-complects.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/keyboard.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/ecatalog.api.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/ecatalog.js")"></script>
}